/*
  学习目标：获取事件对象
  绑定函数的形参， 就是事件对象
*/
import React, { Component } from 'react';

export default class App extends Component {
  // 绑定函数的形参， 就是事件对象
  handleClick(e) {
    e.preventDefault();
    console.log('e  ----->  ', e);
  }
  render() {
    return (
      <div>
        {/* 多行代码 - */}
        <a onClick={this.handleClick} href="http://www.baidu.com">
          百度
        </a>
        <br />
        {/* 少量代码 -  绑定函数的形参， 就是事件对象 */}
        <a onClick={(e) => e.preventDefault()} href="http://www.baidu.com">
          百度
        </a>

        {/* 上下2个代码等效 */}
        <a
          onClick={(e) => {
            return e.preventDefault();
          }}
          href="http://www.baidu.com"
        >
          百度
        </a>
      </div>
    );
  }
}
